<!DOCTYPE HTML>
<html>
    <head>
        <title>Sosimilar Demo</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <link type="text/css" rel="stylesheet" href="/static/css/style.css" />
        <link type="text/css" rel="stylesheet" href="/static/css/main.css" />
        <!--
        <script type="text/javascript" src="/static/js/jquery-1.4.2.min.js"></script>
        -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="/static/js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="/static/js/jquery.galleryview-1.1.js"></script> 
        <script type="text/javascript" src="/static/js/jquery.timers-1.1.2.js"></script>
        <script type="text/javascript" src="/static/js/jquery.uploadPreview.js"></script>
        <script type="text/javascript" src="/static/js/main.js"></script> 
        <script type="text/javascript">
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-15518726-3']);
            _gaq.push(['_trackPageview']);

            (function() {
                 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();
        </script>
        
    </head>
    <body>
        <div id="search_area">
            <div id="tab_area">
                <ul id="tabs">
                    <li class="tab_left_space"></li>
                    <li >
                        <a id="upload_tab" href="#">Upload</a>
                    </li>
                    <li class="current">
                        <a id="url_tab" href="#">URL</a>
                    </li>                   
                    <li>
                        <a id="keyword_tab" href="#">Keyword</a>
                    </li>
                    <li class="tab_right_space">
                    </li>    
                    <hr class="cleartool">
                </ul>
            </div>
            
            <div id="upload_area">                
                <label>
                    Upload your image to search for similar images
                </label>
                <hr class="cleartool">
                <input id="upload" class="input" name="file" type="file">
                <hr class="cleartool">
                <div id="preImg_area" >
                    <div id="preImgDiv"></div>
                    <input class="submit" id="file_submit" name="" value="Search" type="submit">
                </div>
            </div>
            <div id="url_area">
                <label>
                    Enter image URL to search for similar images
                </label>
                <hr class="cleartool">
                <input id="key_url" class="input" name="key_url" type="text">
                <input class="submit" id="url_submit" name="" value="Search" type="submit">
                   <hr class="cleartool">
                </div>
            <div id="keyword_area">
                <label>
                    Enter keyword to search for images
                </label>
                <hr class="cleartool">
                <input id="keyword" class="input" name="keyword" type="text">
                <input class="submit" id="keyword_submit" name="" value="Search" type="submit" >
                <hr class="cleartool">
            </div>
        </div>        
        
        <div id="results" ><input class="submit" id="random" type="button" value="Random"/>
            <span id="result"></span>
            <span id="loading"><img src='/static/images/loading.gif' ></span>
        </div>
        <br />
        <div id="search_img_src"></div>
        <div id="url_pre_img"></div>
        <div id="gallery_wrap">             
            <div id="photos" class="galleryview">  
                 <ul class="filmstrip"></ul> 
            </div> 
        </div> 
    </body>
</html>
